<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<body>
	<ui:composition template="/WEB-INF/templates/default.xhtml">
		<ui:define name="content">
			<h:form>
				<h:panelGrid columns="1" style="width: 100%">
				
				<b>9/14/2011</b>
				<p:separator></p:separator>
				<h:panelGroup style="display:block; text-align:center; width: 100%">
					<p:media value="http://www.youtube.com/v/8C2CwWl4IGY"
						player="flash" width="425" height="344"/>
				</h:panelGroup>
				</h:panelGrid>
			</h:form>
		</ui:define>

		<ui:define name="left">
			<h:form>
				<p:accordionPanel>
					<p:tab title="Main">
						<a href="/openmedis/home.html">Home example</a>
					</p:tab>
					<p:tab title="Assets">TBD</p:tab>
					<p:tab title="Hospital">
						<a href="/openmedis/hospital/choseDepartments.jsf">Define
							Deartments</a>
					</p:tab>
					<p:tab title="Settings">TBD</p:tab>
				</p:accordionPanel>

				<p:panel header="Partners" style="margin-top: 40px; background-color:#FFFFFF">
					<h:panelGrid columns="1" style="display:block;">
						<h:outputLink value="http://www.motherandchild.org.ua/">
							<p:graphicImage value="/resources/img/links/prog.png" style="width: 100%"></p:graphicImage>
						</h:outputLink>
						
						<p:separator></p:separator>

						<h:outputLink value="http://www.deza.admin.ch/">
							<p:graphicImage value="/resources/img/links/bund.jpg"></p:graphicImage>
						</h:outputLink>
						
						<p:separator></p:separator>

						<h:outputLink value="http://www.swisstph.ch/">
							<p:graphicImage value="/resources/img/links/tph.jpg"></p:graphicImage>
						</h:outputLink>
						
						
					</h:panelGrid>
				</p:panel>
			</h:form>
		</ui:define>

		<ui:define name="right">
			<style type="text/css">
.rightPanel .ui-panel-content {
	padding: 0px !important;
	width: 100%;
	height: 200px;
}

.rightPanel {
	maprin-bottom: 5px !important;
}

.panelSeparator {
	height: -10px;
}
</style>
			<h:form>
				<p:panel header="Crimea, Dzhankoy" styleClass="rightPanel">
					<p:gmap id="mapId" center="45.708577,34.39127" zoom="8"
						type="ROADMAP" style="height:100%; width:100%"
						mapTypeControl="false" navigationControl="false" />
				</p:panel>

				<p class="panelSeparator" />
				<p:panel header="Statistics" styleClass="rightPanel">
					<p:pieChart value="#{chartBean.pieModel}" legendPosition="w"
						style="width:100%;height:100%" />
				</p:panel>
				
			</h:form>
		</ui:define>
	</ui:composition>
</body>
</html>
